<template>
    <div class="system-question-container">
		<el-card shadow="hover">
			<div class="system-question-select ">
                <input type="file" name="" id="file" @change="handleFile">
			</div>
			<el-table
				:data="state.tableData.data"
				v-loading="state.tableData.loading"
				style="width: 100%"
				row-key="path"
			>
            <el-table-column type="index" label="序号" width="60"/>
				<el-table-column label="题目" prop="write_name" />
				<el-table-column label="类型" >
					<template #default="scope">
						<span v-if="scope.row.scene == 0">学院场景</span>
                        <span v-else>企业场景</span>
					</template>
				</el-table-column>
			</el-table>
		</el-card>
		 <!-- <el-pagination
      v-model:current-page="currentPage4"
      v-model:page-size="pageSize4"
      :page-sizes="[100, 200, 300, 400]"
      :small="small"
      :disabled="disabled"
      :background="background"
      layout="total, sizes, prev, pager, next, jumper"
      :total="400"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
    /> -->
	</div>
</template>

<script setup lang="ts">
import {reactive} from 'vue'
import axios from 'axios'
const state = reactive({
	tableData: {
		data: [
            {
               write_name:'1111111111111111111111111111111111111111111111111111111111555555555555555555555556',
                scene:0
            },
            {
               write_name:'1234',
                scene:1
            },
            {
               write_name:'1235',
                scene:0
            }
        ],
		loading: false,
    },
 
});
async function  handleFile(e:any) {
    console.log(e.target.files)
    
    
}
</script>

<style lang='scss' scoped>
.system-question-container{
    .system-question-select{
        // #file-button{
        //     width: 100px;
        //     height: 40px;
        //     background: green;
        //     color: white;
        //     text-align: center;
        // }
       input[type="file"]::file-selector-button {
           width: 100px;
           height: 30px;
        font-weight: 500;
        color: #fff;
        background-color: rgb(103,194,58);
        border: 0;
      }
    }
}
</style>